🔥 สวีดัด สวัสดีเพื่อน ๆ ทุกคนนนนจ้าาา!! วันนี้แอดมาแชร์ทริคเด็ด ๆ ของ JavaScript ให้กับเพื่อน ๆ อีกแล้ววว !! นั่นคือ Ternary Operator ที่จะช่วยให้เราเขียน if...else ให้สั้น กระชับ มากขึ้นนั่นเอง
.
จะเป็นยังไงนั้น ไปอ่านรายละเอียด และวิธีการใช้งานได้ด้านล่างเลยจ้า !!
.
🔹 Ternary Operator - เป็นตัวดำเนินการแบบมีเงื่อนไข ซึ่งในบางครั้งสามารถใช้แทน if...else ได้นั่นเอง !!
.
⚙️ Syntax
condition (truthy or falsy) ? code to execute if truthy : code to execute if falsy;
.
👨💻 ตัวอย่างโค้ด
.
🌟 Normal if...else
let covidTestPrice = 3500;
if (covidTestPrice > 0) {
console.log('That’s a rip-off!!!!');
} else {
console.log('That is dirt cheap.');
}
.
🌟 Ternary Operator
let covidTestPrice = 3500;
covidTestPrice > 0 ? console.log('That’s a rip-off!!!!') : console.log('That is dirt cheap.');
.
👉 ซึ่งทั้งสองจะได้ผลลัพธ์เหมือนกัน นั่นคือ That’s a rip-off!!!! นั่นเอง
.
✨ Ternary Operator มีประโยชน์ในการใช้งานกับเงื่อนไขไม่ซับซ้อนมาก ทำให้โค้ดอ่านง่าย และสั้นกระชับมากขึ้น แต่เงื่อนไขที่ซับซ้อนก็ใช้ได้เช่นกัน แต่อาจจะทำให้โค้ดนั้นอ่านยากขึ้นนั่นเอง
.
แอดแนะนำว่าถ้าเป็นกรณีเงื่อนไขซับซ้อนเยอะ ๆ ให้ใช้ if...else แบบปกติจะดีกว่า เพื่อน ๆ ก็เลือกใช้กันให้เหมาะสมกับโค้ดของตัวเองด้วยนะ !!
.
borntoDev - 🦖 สร้างการเรียนรู้ที่ดีสำหรับสายไอทีในทุกวัน
Search